
<template>
  <div>
    <h3>{{ element.componentProps.title }}</h3>
    <div v-html="element.componentProps.value"></div>
  </div>
</template>
 
<script lang="ts">
import { defineComponent, inject, toRefs } from "vue";
import type { LowCodeImp, ComponentImp } from "@/components/low-code/core/type";

export default defineComponent({
  name: "htmlWidget",
  props: ["element"],
  setup(props) {
    const getLowCodeInstance = inject("getLowCodeInstance") as Function;
    const lowCode = getLowCodeInstance() as LowCodeImp;
    const { element } = toRefs(props);

    return {
      element,
    };
  },
});
</script>

<style  scoped>
</style>
